<template>
  <div
    class="title"
    :style="{ top: titleData.y + 'px', left: titleData.x + 'px' }"
  >
    {{ titleData.name }}
  </div>
</template>

<script>
export default {
  props: {
    titleData: Object,
  },
}
</script>

<style lang="stylus" scoped>
.title {
  position: fixed;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #dfdfdf;
  font-family: PMingLiU-ExtB;
  font-size: 12px;
  color: #6b6b6b;
}
</style>